<!DOCTYPE html>
<html>

<head>
  <title>咸鱼插件</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <meta name="description" content="This is my website.">
  <meta name="keywords" content="website, products, services">

  <style>
    @font-face {
      font-family: 'xianyu';
      src: url('{{_res}}/html/fonts/原神默认字体.ttf')
    }

    .content {
      display: flex;
      flex-direction: column;
    }

    body {
      background: url('{{_res}}/html/img/background.png') no-repeat center center fixed;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      margin: 0;
      padding: 0;
      font-family: 'xianyu', sans-serif;
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333;
      text-align: center;
    }

    .neiron {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333;
      text-align: center;
    }

    .box {
      border: 2px solid rgba(255, 239, 191, 0.5);
      border-radius: 10px;
      background-color: rgba(255, 239, 191, 0.1);
      backdrop-filter: blur(5px);
      padding: 1rem;
    }

    h1 {
      font-size: 3rem;
      margin-bottom: 10px;
      text-shadow: 5px 5px 3px #FAE2B4, -5px -5px 3px #FAE2B4, 5px -5px 3px #FAE2B4, -5px 5px 3px #FAE2B4;
    }

    a {
      background-color: white;
      color: black;
      padding: 1rem 2rem;
      border: none;
      border-radius: 5px;
      font-size: 1.2rem;
      margin: 1rem;
      cursor: pointer;
      text-decoration: none;
    }

    a:active {
      background-color: white;
      color: white;
    }

    p {
      font-size: 1.5em;
    }

    th {
      text-align: center;
      background-color: #fddbb3;
    }

    th,
    td,
    th,
    #help {
      border: 2px solid #B58863;
      border-left-color: #fff;
      border-top-color: #fff;
      text-align: left;
      padding: 8px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="neiron">
      <div class="content">
        <h1>咸鱼插件</h1>
        <div style="text-align: center;">{{ AppName }} / {{AppVersion}}</div>
      </div>
      <div class="box content">

        <div class="content">
          <h3>插件指令</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
              </tr>
              <tr>
                <th>咸鱼统计</td>
                <td>显示所有机器人使用本插件的用户数量</td>
              </tr>
              <tr>
                <th>咸鱼更新</td>
                <td>更新本插件</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>斗兽棋</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入斗兽棋</td>
                <td>发起游戏</td>
                <td>发起斗兽棋、加入斗兽棋</td>
              </tr>
              <tr>
                <th>加入斗兽棋+红/蓝</td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入斗兽棋红、加入斗兽棋蓝</td>
              </tr>
              <tr>
                <th>斗兽棋帮助</td>
                <td></td>
                <td>斗兽棋帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>排雷游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>注意</th>
                <th>示例指令</th>
              </tr>
              <tr>
                <th>排雷</td>
                <td>开始游戏</td>
                <td></td>
                <td>排雷</td>
              </tr>
              <tr>
                <th>排雷难度</td>
                <td>使用指定难度开始游戏</td>
                <td>数量多的时候字就小</td>
                <td>排雷难度(简单|普通|困难)</td>
              </tr>
              <tr>
                <th>排雷帮助</td>
                <td></td>
                <td></td>
                <td>排雷排雷帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>国际象棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入国际象棋<br></td>
                <td>发起游戏</td>
                <td>发起国际象棋、加入国际象棋</td>
              </tr>
              <tr>
                <th>加入国际象棋+黑/白<br></td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入国际象棋黑、加入国际象棋白</td>
              </tr>
              <tr>
                <th>国际象棋帮助</td>
                <td></td>
                <td>国际象棋帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>中国象棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入中国象棋<br></td>
                <td>发起游戏</td>
                <td>发起中国象棋、加入中国象棋</td>
              </tr>
              <tr>
                <th>加入中国象棋+黑/红<br></td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入中国象棋黑、加入中国象棋红</td>
              </tr>
              <tr>
                <th>结束中国象棋</td>
                <td>认输</td>
                <td>结束中国象棋</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>五子棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入五子棋<br></td>
                <td>发起游戏，也可以单独发送 五子棋 进行单人游戏</td>
                <td>发起五子棋、加入五子棋</td>
              </tr>
              <tr>
                <th>落子</td>
                <td>坐标为横+竖，中间使用任意符号隔开</td>
                <td>9 9</td>
              </tr>
              <tr>
                <th>结束五子棋</td>
                <td>结束游戏</td>
                <td>结束五子棋</td>
              </tr>
            </tbody>
          </table>
        </div>


      </div>
    </div>
  </div>
</body>

</html>